<template>
  <div class="dashboard-container">
    <!-- 首页顶部组件 -->
    <Card></Card>
    <Seal :echartsList="echartsList"></Seal>
    <ObServe></ObServe>
  </div>
</template>

<script>
import Card from "./Card";
import Seal from "./Seal";
import ObServe from "./ObServe";
import { mapGetters } from "vuex";
// 导入本地json数据 
import data from "@/mock/data.json";

export default {
  name: "MyDashboard",
  data() {
    return {
      echartsList: {},
    };
  },
  computed: {
    ...mapGetters(["name"]),
  },
  components: {
    Card,
    Seal,
    ObServe,
  },
  mounted() {
    this.echartsList = data;
    // console.log(this.list);
  },
};
</script>

<style lang="scss" scoped>
.dashboard {
  &-container {
    margin: 30px;
  }
  &-text {
    font-size: 30px;
    line-height: 46px;
  }
}
</style>
